
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/**------注册  陈杰虞------**/
.wrap-register{width: 100%;position: relative;padding-top:1% ;}
.wrap-register-bg{width: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
.wrap-register-bg img{width: 100%;}
.wrap-register-headportrait{width: 23.2%;margin: 25.4% 38.4% 0 38.4%;position: relative;z-index: 2;background: #434d9d;border-radius: 50%;}
.wrap-register-headportrait img{width: 93%;margin: 3.5%;position: relative;z-index: 1;border-radius: 50%;}
.headportrait-file{opacity: 0;position: absolute;width: 100%;height: 100%;z-index: 9;}
.wrap-register-gw{width: 40.27%;margin: 1.6% 29.865% 0 29.865%;position: relative;z-index: 2;background: #434d9d;border-radius: 5px;}
.wrap-register-gw > div{width: 100%;padding: 2%;border-radius: 5px;}
.gw-invitepeople{color: #5a66b0;font: 14px "微软雅黑";text-align: center;background: #fff;border-radius: 5px 5px 0 0;padding: 6.5% 0 1%;}
.gw-number{color: #666;font: 14px "微软雅黑";text-align: center;background: #fff;border-radius: 0 0 5px 5px;padding: 1% 0 6.5%;}
.wrap-register-text{width: 100%;text-align: center;color: #ffd800;font: 16px "微软雅黑";position: relative;z-index: 2;margin-top: 7%;}
.wrap-register ul{width: 100%;padding: 6% 8% 0;position: relative;z-index: 2;}
.wrap-register ul li{width: 100%;margin-bottom: 3%;position: relative;list-style: none;}
.wrap-register ul li input{width: 100%;border: 1px solid transparent;border-radius: 4px;font: 14px "微软雅黑";padding: 3.3% 3%;}
.wrap-register ul li input.inp-verificationcode{width: 62.5%;}
.but-verificationcode{width: 33.5%;font: 14px "微软雅黑";padding: 3.3% 3%;border-radius: 4px;position: absolute;top: 0;right: 0;color: #fff;background: #bfc7f6;text-align: center;border: 1px solid transparent;}
.but-complete{width: 100%;font: 14px "微软雅黑";padding: 4%;border-radius: 4px;color: #5a66b0;background: #ffd800;text-align: center;}
.wrap-register-copyright{width: 100%;font: 12px "微软雅黑";text-align: center;margin-top: 6.5%;padding: 2%;color: #aeb6e9;position: relative;z-index: 2;}


/**------注册下载  陈杰虞------**/
.wrap-download{width: 100%;}
.wrap-download-header{width: 100%;}
.wrap-download-header img{width: 100%;}
.wrap-download-text{width: 100%;text-align: center;color: #ffd800;font: 16px/20px "微软雅黑";}
.wrap-download-text span img{width: 20px;height: 20px;vertical-align: bottom;margin-right: 10px;}
.wrap-download-text-gw{width: 100%;text-align: center;color: #dbdffa;font: 12px/20px "微软雅黑";margin-top: 5%;}
.wrap-download-text-gw span{color: #ffd800;}
.wrap-download-underline{width: 84%;height: 1px;background: #838dc8;margin: 4% 8% 0;}
.wrap-download table{width: 84%;margin: 11% 8% 0;}
.wrap-download table tr td{width: 50%;position: relative;padding: 0 0 10% 1%;}
.wrap-download table tr td img{width: 38%;}
.wrap-download table tr td .download-name{width: 44%;color: #fff;font: 13px "微软雅黑";position: absolute;top: 0;left: 0;margin-left: 48%;margin-top: 2%;}
.wrap-download table tr td .but-download{width: 44%;color: #5a66b0;font: 12px "微软雅黑";background: #ffd800;border-radius: 3px;text-align: center;position: absolute;bottom: 0;left: 0;margin-bottom: 22%;margin-left: 48%;padding: 1.5% 0;}
.wrap-download table tr td.download-td-right > img{margin-left: 8%;}
.wrap-download table tr td.download-td-right .download-name{margin-left: 54%;}
.wrap-download table tr td.download-td-right .but-download{margin-left: 54%;}
.wrap-download-copyright{width: 100%;font: 12px "微软雅黑";text-align: center;margin-top: 26.4%;padding: 2%;color: #aeb6e9;position: relative;z-index: 2;}

@media only screen and (min-width : 375px) {
	  .gw-invitepeople{font: 16px "微软雅黑";}
	  .gw-number{font: 16px "微软雅黑";} 
	  .wrap-register-text{font: 18px "微软雅黑";} 
	  .wrap-register ul li input{font: 16px "微软雅黑";}
	  .but-verificationcode{font: 16px "微软雅黑";}
    .but-complete{font: 16px "微软雅黑";}
    .wrap-register-copyright{font: 13px "微软雅黑";margin-top: 7.3%;}
    .wrap-register ul li{margin-bottom: 3.5%;}
	
    .wrap-download-text{font: 18px/22.5px "微软雅黑";}
    .wrap-download-text span img{width: 22.5px;height: 22.5px;}
    .wrap-download-text-gw{font: 13.5px/22.5px "微软雅黑";}
    .wrap-download table tr td .download-name{font: 14px "微软雅黑";}
    .wrap-download table tr td .but-download{font: 13.5px "微软雅黑";}
    .wrap-download-copyright{font: 13.5px "微软雅黑";}
}

@media only screen and (min-width : 400px) {
	  .gw-invitepeople{font: 17.5px "微软雅黑";}
	  .gw-number{font: 17.5px "微软雅黑";} 
	  .wrap-register-text{font: 20px "微软雅黑";} 
	  .wrap-register ul li input{font: 17.5px "微软雅黑";}
	  .but-verificationcode{font: 17.5px "微软雅黑";}
    .but-complete{font: 17.5px "微软雅黑";}
    .wrap-register-copyright{font: 15px "微软雅黑";}
    .wrap-register ul li{margin-bottom: 3.5%;}
   
    .wrap-download-text{font: 20px/25px "微软雅黑";}
    .wrap-download-text span img{width: 25px;height: 25px;}
    .wrap-download-text-gw{font: 15px/25px "微软雅黑";}
    .wrap-download table tr td .download-name{font: 16px "微软雅黑";}
    .wrap-download table tr td .but-download{font: 15px "微软雅黑";}
    .wrap-download-copyright{font: 15px "微软雅黑";}
}